<script setup lang="ts">
import {ref} from 'vue'
import {DevCopy} from "devecoui-plus";

const copyHtml = ref(`<div style="padding:20px;color: #00ff80">我是想要复制的内容文字</div>`)

</script>

<template>
  <div class="copy-box">
    <dev-copy :allow-icon-copy-only="true" :icon-styles="{position:'absolute',right:'10px',top:'10px',fontSize:'20px'}">
      <div v-html="copyHtml"></div>
    </dev-copy>
  </div>
</template>

<style scoped>
.copy-box {
  position: relative;
}
</style>
